﻿
@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>engage_resumeUpdateTo</title>
    <script src="~/lib/axios/dist/axios.js"></script>
    <script src="~/lib/vue/dist/vue.js"></script>
    <script src="~/lib/element-ui/lib/index.js"></script>
    <link href="~/lib/element-ui/lib/theme-chalk/index.css" rel="stylesheet" />
</head>
<body>
    <div id="app">
        <el-container>
            <el-card class="box-card">
                <el-main>
                    <el-form ref="form" :model="form" label-width="80px" :inline="true" size="mini">
                        <el-form-item label="职位名称" prop="vaue">
                            <div class="block">
                                <el-cascader v-model="form.vaue"
                                             :options="list"
                                             :disabled="true"
                                             style="width:160px "
                                             @@change=""></el-cascader>
                            </div>
                        </el-form-item>
                        <el-form-item label="招聘类型" prop="engage_type">
                            <el-select v-model="form.engage_type" placeholder="请选择招聘类型" style="width: 160px " :disabled="true">
                                <el-option label="校园招聘" value="校园招聘"></el-option>
                                <el-option label="社会招聘" value="社会招聘"></el-option>
                            </el-select>
                        </el-form-item>
                        <el-form-item label="姓名" prop="human_name">
                            <el-input v-model="form.human_name" style="width: 160px " :disabled="true"></el-input>
                        </el-form-item>
                        <el-form-item label="性别" prop="human_sex">
                            <el-select v-model="form.human_sex" placeholder="请选择性别" style="width: 160px " :disabled="true">
                                <el-option label="男" value="男"></el-option>
                                <el-option label="女" value="女"></el-option>
                            </el-select>
                        </el-form-item>
                        <div class="kbl">
                            <el-form-item>
                                <el-upload class="upload-demo"
                                           action="''"
                                           :file-list="fileList"
                                           list-type="picture-card"
                                           :limit="1"
                                           :disabled="true"
                                           :auto-upload="false">
                                    <i slot="default" class="el-icon-plus"></i>
                                </el-upload>
                            </el-form-item>
                        </div>
                        <el-form-item label="EMAIL" prop="human_email">
                            <el-input v-model="form.human_email" style="width: 160px " :disabled="true"></el-input>
                        </el-form-item>
                        <el-form-item label="电话" prop="human_telephone">
                            <el-input v-model="form.human_telephone" style="width: 160px " :disabled="true"></el-input>
                        </el-form-item>
                        <el-form-item label="家庭电话" prop="human_homephone">
                            <el-input v-model="form.human_homephone" style="width: 160px " :disabled="true"></el-input>
                        </el-form-item>
                        <el-form-item label="手机" prop="human_mobilephone">
                            <el-input v-model="form.human_mobilephone" style="width: 160px " :disabled="true"></el-input>
                        </el-form-item>
                        <el-form-item label="住址" prop="human_address">
                            <el-input v-model="form.human_address" style="width: 160px" :disabled="true"></el-input>
                        </el-form-item>
                        <el-form-item label="邮编" prop="human_postcode">
                            <el-input v-model="form.human_postcode" style="width: 160px" :disabled="true"></el-input>
                        </el-form-item>
                        <el-form-item label="国籍" prop="human_nationality">
                            <template>
                                <el-select v-model="form.human_nationality" placeholder="请选择国籍" style="width: 160px " :disabled="true">
                                    <el-option v-for="item in list1"
                                               :key="item.pbc_id"
                                               :label="item.attribute_name"
                                               :value="item.attribute_name">
                                    </el-option>
                                </el-select>
                            </template>
                        </el-form-item>
                        <el-form-item label="出生地" prop="human_birthplace">
                            <el-input v-model="form.human_birthplace" style="width: 160px" :disabled="true"></el-input>
                        </el-form-item>
                        <el-form-item label="生日" prop="human_birthday">
                            <el-input v-model="form.human_birthday" style="width: 160px" :disabled="true"></el-input>
                        </el-form-item>
                        <el-form-item label="民族" prop="human_race">
                            <template>
                                <el-select v-model="form.human_race" placeholder="请选择民族" style="width: 160px " :disabled="true">
                                    <el-option v-for="item in list2"
                                               :key="item.pbc_id"
                                               :label="item.attribute_name"
                                               :value="item.attribute_name">
                                    </el-option>
                                </el-select>
                            </template>
                        </el-form-item>
                        <el-form-item label="宗教信仰" prop="human_religion">
                            <template>
                                <el-select v-model="form.human_religion" placeholder="请选择宗教信仰" style="width: 160px " :disabled="true">
                                    <el-option v-for="item in list3"
                                               :key="item.pbc_id"
                                               :label="item.attribute_name"
                                               :value="item.attribute_name">
                                    </el-option>
                                </el-select>
                            </template>
                        </el-form-item>
                        <el-form-item label="政治面貌" prop="human_party">
                            <template>
                                <el-select v-model="form.human_party" placeholder="请选择政治面貌" style="width: 160px " :disabled="true">
                                    <el-option v-for="item in list4"
                                               :key="item.pbc_id"
                                               :label="item.attribute_name"
                                               :value="item.attribute_name">
                                    </el-option>
                                </el-select>
                            </template>
                        </el-form-item>
                        <el-form-item label="身份证号" prop="human_idcard">
                            <el-input v-model="form.human_idcard" style="width: 160px" :disabled="true"></el-input>
                        </el-form-item>
                        <el-form-item label="年龄" prop="human_age">
                            <el-input v-model="form.human_age" style="width: 160px " :disabled="true"></el-input>
                        </el-form-item>
                        <el-form-item label="毕业院校" prop="human_college">
                            <el-input v-model="form.human_college" style="width: 160px " :disabled="true"></el-input>
                        </el-form-item>
                        <el-form-item label="学历" prop="human_educated_degree">
                            <template>
                                <el-select v-model="form.human_educated_degree" placeholder="请选择学历" style="width: 160px " :disabled="true">
                                    <el-option v-for="item in list6"
                                               :key="item.pbc_id"
                                               :label="item.attribute_name"
                                               :value="item.attribute_name">
                                    </el-option>
                                </el-select>
                            </template>
                        </el-form-item>
                        <el-form-item label="教育年限" prop="human_educated_years">
                            <template>
                                <el-select v-model="form.human_educated_years" placeholder="请选择教育年限" style="width: 160px " :disabled="true">
                                    <el-option v-for="item in list5"
                                               :key="item.pbc_id"
                                               :label="item.attribute_name"
                                               :value="item.attribute_name">
                                    </el-option>
                                </el-select>
                            </template>
                        </el-form-item>
                        <el-form-item label="学历专业" prop="human_educated_major">
                            <template>
                                <el-select v-model="form.human_educated_major" placeholder="请选择学历专业" style="width: 160px " :disabled="true">
                                    <el-option v-for="item in list7"
                                               :key="item.pbc_id"
                                               :label="item.attribute_name"
                                               :value="item.attribute_name">
                                    </el-option>
                                </el-select>
                            </template>
                        </el-form-item>
                        <el-form-item label="薪酬要求" prop="demand_salary_standard">
                            <el-input v-model="form.demand_salary_standard" style="width: 160px " :disabled="true"></el-input>
                        </el-form-item>
                        <el-form-item label="特长" prop="human_specility">
                            <template>
                                <el-select v-model="form.human_specility" placeholder="请选择特长" style="width: 160px " :disabled="true">
                                    <el-option v-for="item in list8"
                                               :key="item.pbc_id"
                                               :label="item.attribute_name"
                                               :value="item.attribute_name">
                                    </el-option>
                                </el-select>
                            </template>
                        </el-form-item>
                        <el-form-item label="爱好" prop="human_hobby">
                            <template>
                                <el-select v-model="form.human_hobby" placeholder="请选择爱好" style="width: 160px " :disabled="true">
                                    <el-option v-for="item in list9"
                                               :key="item.pbc_id"
                                               :label="item.attribute_name"
                                               :value="item.attribute_name">
                                    </el-option>
                                </el-select>
                            </template>
                        </el-form-item>
                        <el-form-item label="登记人" prop="register">
                            <el-input v-model="form.register" style="width: 160px " :disabled="true"></el-input>
                        </el-form-item>
                        <el-form-item prop="regist_time" label="登记时间">
                            <el-date-picker style="width: 160px " :disabled="true" type="date" placeholder="选择日期" v-model="form.regist_time"></el-date-picker>
                        </el-form-item>
                        <el-form-item label="推荐人" prop="checker">
                            <el-input v-model="form.checker" style="width: 160px " :disabled="true"></el-input>
                        </el-form-item>
                        <el-form-item prop="check_time" label="推荐时间">
                            <el-date-picker style="width: 160px " :disabled="true" type="date" placeholder="选择日期" v-model="form.check_time"></el-date-picker>
                        </el-form-item>
                        <el-form-item label="个人履历" prop="human_history_records">
                            <el-input type="textarea" v-model="form.human_history_records" style="width: 1090px " :disabled="true"></el-input>
                        </el-form-item>
                        <el-form-item label="备注" prop="remark">
                            <el-input type="textarea" v-model="form.remark" style="width: 1090px " :disabled="true"></el-input>
                        </el-form-item>
                        <el-form-item label="筛选推荐意见" prop="recomandation">
                            <el-input type="textarea" v-model="form.recomandation" style="width: 1090px " :disabled="true"></el-input>
                        </el-form-item>
                        <el-form-item class="_klpo">
                            <el-button @@click="resetForm()">返回</el-button>
                        </el-form-item>
                    </el-form>

                </el-main>
                </el-card>
        </el-container>
    </div>
    <script type="text/javascript">
        var vm = new Vue({
            el: "#app",
            data: {
                fileList: [],//图片
                list: [],//职位
                list1: [],//国籍
                list2: [],//民族
                list3: [],//宗教信仰
                list4: [],//政治面貌
                list5: [],//教育年限
                list6: [],//学历
                list7: [],//专业
                list8: [],//特长
                list9: [],//爱好
                form: {
                    vaue:[],
                    human_major_kind_id: '',
                    human_major_kind_name: '',
                    human_major_id: '',
                    human_major_name: '',
                    engage_type: '',
                    human_name: '',
                    human_sex: '',
                    human_email: '',
                    human_telephone: '',
                    human_address: '',
                    human_postcode: '',
                    human_nationality: '',
                    human_birthplace: '',
                    human_birthday: '',
                    human_race: '',
                    human_religion: '',
                    human_party: '',
                    human_idcard: '',
                    human_age: '',
                    human_college: '',
                    human_educated_degree: '',
                    human_educated_years: '',
                    human_educated_major: '',
                    demand_salary_standard: '',
                    human_specility: '',
                    human_hobby: '',
                    human_history_records: '',
                    remark: '',
                    human_picture: [],
                    recomandation: '',
                    check_time: '',
                    checker: '',
                    register: '',
                    regist_time:'',
                },
            },
            methods: {
                resetForm() {
                    location.href = "/engage_resumeTh/engage_resumeTh";
                },
                fill() {
                    //简历表回显
                    axios.get('/engage_resumeUpdate/Jlcx/'+@ViewBag.rest_id)
                        .then(res => {
                            var ruest = [];
                            ruest.push(res.data.human_major_kind_id);
                            ruest.push(res.data.human_major_id);
                            this.form.vaue = ruest;
                            this.form.human_major_kind_id = res.data.human_major_kind_id;
                            this.form.human_major_id = res.data.human_major_id;
                            this.form.human_major_kind_name=res.data.human_major_kind_name;
                            this.form.human_major_name=res.data.human_major_name;
                            this.form.engage_type = res.data.engage_type;
                            this.form.human_name = res.data.human_name;
                            this.form.human_sex = res.data.human_sex;
                            this.form.human_email = res.data.human_email;
                            this.form.human_telephone = res.data.human_telephone;
                            this.form.human_homephone = res.data.human_homephone;
                            this.form.human_mobilephone = res.data.human_mobilephone;
                            this.form.human_address = res.data.human_address;
                            this.form.human_postcode = res.data.human_postcode;
                            this.form.human_nationality = res.data.human_nationality;
                            this.form.human_birthplace = res.data.human_birthplace;
                            this.form.human_birthday = res.data.human_birthday;
                            this.form.human_race = res.data.human_race;
                            this.form.human_religion = res.data.human_religion;
                            this.form.human_party = res.data.human_party;
                            this.form.human_idcard = res.data.human_idcard;
                            this.form.human_age = res.data.human_age;
                            this.form.human_college = res.data.human_college;
                            this.form.human_educated_degree = res.data.human_educated_degree;
                            this.form.human_educated_years = res.data.human_educated_years;
                            this.form.human_educated_major = res.data.human_educated_major;
                            this.form.demand_salary_standard = res.data.demand_salary_standard;
                            this.form.check_time = res.data.check_time;
                            this.form.human_specility = res.data.human_specility;
                            this.form.human_hobby = res.data.human_hobby;
                            this.form.human_history_records = res.data.human_history_records;
                            this.form.remark = res.data.remark;
                            this.form.human_picture = res.data.human_picture;
                            this.form.recomandation = res.data.recomandation;
                            this.form.checker = res.data.checker;
                            this.form.register = res.data.register;
                            this.form.regist_time = res.data.regist_time;
                            var obj = {};
                            obj.url = res.data.human_picture;
                            this.fileList.push(obj);
                        })
                        .catch(err => {
                            console.info(err);
                        });
                     //职位查询
                    axios.get('/engage_major_release/Dgto', {
                    })
                        .then(res => {
                            console.info(res);
                            this.list = res.data;
                        })
                        .catch(err => {
                            console.info(err);
                        });
                },
            },
            //可以对vue的数据和方法进行操作,不能对DOM进行操作
            created: function () {
                this.fill();
            }
        });
    </script>
    <style>
        .hide .el-upload--picture-card {
            display: none;
        }

        .kbl {
            width: 148px;
            height: 148px;
            overflow: hidden;
            float: right;
        }

        ._klpo {
            float: right;
        }
        .el-card__body {
            padding: 6px;
        }
        button.el-button.el-button--default {
            float: right;
        }
        .el-form-item--mini.el-form-item, .el-form-item--small.el-form-item {
            margin-bottom: 13px;
        }
    </style>
</body>
</html>
